<head>
  <title>meteorTestApp</title>
</head>

<body>
  <h1>Drag and Drop DICOM P10 File below</h1>

  <a href="https://github.com/cornerstonejs/dicomParser/tree/master/examples/meteorTestApp">See the source code for this example</a>

  {{> dropZone }}

</body>

<template name="dropZone">
  <div id="dropZone" class="container-fluid">

    <br>

    <div class="panel panel-default ">
      <div class="panel-heading">
        <h3 class="panel-title">Patient Information</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-xs-6">
            Patient Name: <span data-dicom="x00100010"></span>
          </div>
          <div class="col-xs-6">
            Patient ID: <span data-dicom="x00100020"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Patient Birth Date: <span data-dicom="x00100030"></span>
          </div>
          <div class="col-xs-6">
            Patient Sex: <span data-dicom="x00100040"></span>
          </div>
        </div>
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Study Information</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-xs-6">
            Study Description: <span data-dicom="x00081030"></span>
          </div>
          <div class="col-xs-6">
            Protocol Name: <span data-dicom="x00181030"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Accession #: <span data-dicom="x00080050"></span>
          </div>
          <div class="col-xs-6">
            Study Id: <span data-dicom="x00200010"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Study Date: <span data-dicom="x00080020"></span>
          </div>
          <div class="col-xs-6">
            Study Time: <span data-dicom="x00080030"></span>
          </div>
        </div>

      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Series Information</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-xs-6">
            Series Description: <span data-dicom="x0008103e"></span>
          </div>
          <div class="col-xs-6">
            Series #: <span data-dicom="x00200011"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Modality: <span data-dicom="x00080060"></span>
          </div>
          <div class="col-xs-6">
            Body Part: <span data-dicom="x00180015"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Series Date: <span data-dicom="x00080021"></span>
          </div>
          <div class="col-xs-6">
            Series Time: <span data-dicom="x00080031"></span>
          </div>
        </div>

      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Instance Information</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-xs-6">
            Instance #: <span data-dicom="x00200013"></span>
          </div>
          <div class="col-xs-6">
            Acquisition #: <span data-dicom="x00200012"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Acquisition Date: <span data-dicom="x00080022"></span>
          </div>
          <div class="col-xs-6">
            Acquisition Time: <span data-dicom="x00080032"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Content Date: <span data-dicom="x00080023"></span>
          </div>
          <div class="col-xs-6">
            Content Time: <span data-dicom="x00080033"></span>
          </div>
        </div>



      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Image Information</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-xs-6">
            Rows: <span data-dicomUint="x00280010"></span>
          </div>
          <div class="col-xs-6">
            Columns: <span data-dicomUint="x00280011"></span>
          </div>
        </div>

        <div class="row">
          <div class="col-xs-6">
            Photometric Interpretation: <span data-dicom="x00280004"></span>
          </div>
          <div class="col-xs-6">
            Image Type: <span data-dicom="x00080008"></span>
          </div>

        </div>

        <div class="row">
          <div class="col-xs-6">
            Bits Allocated: <span data-dicomUint="x00280100"></span>
          </div>
          <div class="col-xs-6">
            Bits Stored: <span data-dicomUint="x00280101"></span>
          </div>
        </div>

        <div class="row">
          <div class="col-xs-6">
            HighBit: <span data-dicomUint="x00280102"></span>
          </div>
          <div class="col-xs-6">
            Pixel Representation (0=us): <span data-dicomUint="x00280103"></span>
          </div>
        </div>

        <div class="row">
          <div class="col-xs-6">
            Rescale Slope: <span data-dicom="x00281053"></span>
          </div>
          <div class="col-xs-6">
            Rescale Intercept: <span data-dicom="x00281052"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Image Position Patient: <span data-dicom="x00200032"></span>
          </div>
          <div class="col-xs-6">
            Image Orientation Patient: <span data-dicom="x00200037"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Pixel Spacing: <span data-dicom="x00280030"></span>
          </div>
          <div class="col-xs-6">
            Samples Per Pixel: <span data-dicomUint="x00280002"></span>
          </div>
        </div>

      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Equipment Information</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-xs-6">
            Manufacturer: <span data-dicom="x00080070"></span>
          </div>
          <div class="col-xs-6">
            Model: <span data-dicom="x00081090"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            Station Name: <span data-dicom="x00081010"></span>
          </div>
          <div class="col-xs-6">
            AE Title: <span data-dicom="x00020016"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            Institution Name: <span data-dicom="x00080080"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            Software Version: <span data-dicom="x00181020"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            Implementation Version Name: <span data-dicom="x00020013"></span>
          </div>
        </div>
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">UIDS</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-xs-12">
            Study UID: <span data-dicom="x0020000d"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            Series UID: <span data-dicom="x0020000e"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            Instance UID: <span data-dicom="x00080018"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            SOP Class UID: <span data-dicom="x00080016"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            Transfer Syntax UID: <span data-dicom="x00020010"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            Frame of Reference UID: <span data-dicom="x00200052"></span>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            WADO URL:
            <div style="overflow:auto">
              <span>http://localhost:3333/wado?requestType=WADO&studyUID=</span><span data-dicom="x0020000d"></span><span>&seriesUID=</span><span data-dicom="x0020000e"></span><span>&objectUID=</span><span data-dicom="x00080018"></span><span>&contentType=application%2Fdicom&transferSyntax=1.2.840.10008.1.2.1</span>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</template>